const request = require('../../../../utils/request'); // 引入封装好的请求工具

Page({
  data: {
    // 模拟二维码列表数据，实际可从接口获取
    qrCodeList: [],
    show: false,
    types: ['出', '入'],
    selectedType: 0,
    username:'',
    userloction:''

  },

  onLoad: function (options) {
    // 若有参数传递（如查询条件等），可在此处理
    // 示例：通过 wx.request 调用接口获取真实数据
    // wx.request({
    //   url: 'http://localhost:8080/wt/wt/list',
    //   method: 'GET',
    //   success: (res) => {
    //     this.setData({
    //       qrCodeList: res.data.list // 将接口返回数据赋值
    //     });
    //   }
    // });
    request.get('/wt/wt/list').then(res=>{
        this.setData({
          qrCodeList: res.rows // 将接口返回数据赋值
        })
        console.log(this.data.qrCodeList);
        ;
    })
  },

  //弹出窗显示和关闭
  showPopup() {
    this.setData({ show: true });
  },

  onClose() {
    this.setData({ show: false });
  },
   // 选择器改变时触发的事件
   onTypeChange(e) {  
    // e.detail.value 是选中项在 range 数组里的索引
    const index = e.detail.value;  
    this.setData({
      // 更新选中索引，页面会重新渲染，picker-view 会显示新选中的值
      selectedType: index  
    });
    // 这里还能做更多事，比如根据选中的值发请求、更新其他数据等
    console.log('选中了：', this.data.types[index]);
  },
  //获取名称
  handleNameInput(e) {
    this.setData({
      username: e.detail.value
    });
  },
  //获取位置
  handleLocationInput(e) {
    this.setData({
      userloction: e.detail.value
    });
  },
//重置
reset(){
  this.setData({
    username:'',
    userloction:'',
    selectedType: 0
  });
  console.log(this.data);
},
  // 查询
confirm() {
  // 从data中获取查询条件
  const { username, userloction, selectedType } = this.data;
  
  const queryParams = {
      name: username,
      location: userloction,
      type: selectedType
  };
  
  // 显示加载状态
  wx.showLoading({
    title: '查询中...',
  });
  
  // 发送请求，注意参数传递方式
  request.get('/wt/wt/list', queryParams)
    .then(res => {
      // 隐藏加载状态
      wx.hideLoading();
      console.log(queryParams);
      console.log('接口返回完整数据：', res); 
      if (res.code === 200) { // 假设code为0表示成功
        console.log('接口返回完整数据：', res); 
        // 将接口返回数据赋值给页面数据
        this.setData({
          qrCodeList: res.rows
        });
        console.log('查询结果:', this.data.qrCodeList);
        
        // 显示成功提示
        wx.showToast({
          title: '查询成功',
          icon: 'success',
          duration: 2000
        });
      } else {
        // 处理业务错误
        wx.showToast({
          title: res.msg || '查询失败',
          icon: 'none',
          duration: 2000
        });
      }
    })
    .catch(error => {
      // 隐藏加载状态
      wx.hideLoading();
      
      // 处理网络错误
      console.error('查询请求失败:', error);
      wx.showToast({
        title: '网络请求失败',
        icon: 'none',
        duration: 2000
      });
    });
},

  handleMoreOperation() {
    // 更多操作逻辑，可弹出菜单等
    wx.showToast({
      title: '更多操作（模拟）',
      icon: 'none'
    });
  },
  handleSearchInput(e) {
    // 搜索逻辑，可根据输入内容过滤 qrCodeList 数据
    const searchKey = e.detail.value;
    // 示例：简单过滤，实际可结合后端接口
    // const filteredList = this.data.qrCodeList.filter(item => {
    //   return item.name.includes(searchKey) || item.position.includes(searchKey);
    // });
    // this.setData({
    //   qrCodeList: filteredList
    // });
  },

  handleItemTap(e) {
    // 点击箭头逻辑，可跳转至详情页面
    const index = e.currentTarget.dataset.index;
    const item = this.data.qrCodeList[index];
    wx.showToast({
      title: '查看详情（还在做）',
      icon: 'none'
    });
    // 真实逻辑可跳转页面：
    wx.navigateTo({
      // url: `/pages/wt/dztxzgl/txewm/txewmxq/txewmxq?item=${JSON.stringify(item)}`
      url: `/pages/wt/dztxzgl/txewm/txewmxq/txewmxq?id=${item.id}`
    });
  },

  handleEdit(e) {
    // 编辑逻辑，可跳转至编辑页面
    const index = e.currentTarget.dataset.index;
    const item = this.data.qrCodeList[index];
    wx.showToast({
      title: '编辑（还在做）',
      icon: 'none'
    });
    // 真实逻辑可跳转页面：
    // wx.navigateTo({
    //   url: `/pages/qrCodeEdit/qrCodeEdit?item=${JSON.stringify(item)}`
    // });
  },

  handleDelete(e) {
    // 删除逻辑，可提示确认并删除数据
    const index = e.currentTarget.dataset.index;
    const item = this.data.qrCodeList[index];
    wx.showModal({
      title: '提示',
      content: '确定删除该二维码？',
      success: (res) => {
        if (res.confirm) {
          // const newList = this.data.qrCodeList.filter((_, i) => i !== index);
          // this.setData({
          //   qrCodeList: newList
          // });
          request.del(`/wt/wt/${item.id}`).then(res=>{
            wx.showToast({
              title: '删除成功',
              icon: 'success'
            });
            // 重新加载数据
            this.onLoad();
          })
          
        }
      }
    });
  },

  handleBatchDownload() {
    // 批量下载逻辑，可调用接口下载选中的二维码
    wx.showToast({
      title: '批量下载（还在做）',
      icon: 'none'
    });
  },

  handleAdd() {
    // 新增逻辑，可跳转至新增页面
    wx.showToast({
      title: '新增（模拟）',
      icon: 'none'
    });
    // 真实逻辑可跳转页面：
    // wx.navigateTo({
    //   url: '/pages/qrCodeAdd/qrCodeAdd'
    // });
  }
});